今天要來介紹 CSS 命名
首先先來介紹
駝峰式命名:
https://zh.wikipedia.org/wiki/%E9%A7%9D%E5%B3%B0%E5%BC%8F%E5%A4%A7%E5%B0%8F%E5%AF%AB
建議這裡採用小駝峰的寫法(ex: bookList )
拋棄語意命名
拋棄語意命名方式,改以工具性質來命名
ex:
//書籍列表
.bookList{
width: 50px;
height: 50px;
}
盡量不要使用語意化命名
.list{
width: 50px;
height: 50px;
}
當然顏色也是
.list-red{
color: red;
}
可以改成
//主色
.list-primary{
color: red;
}
那今天的命名方式就介紹到這裡
明天將介紹 BEM
若有任何問題 或 內容有誤
請不吝嗇的跟我說唷~~